<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>HandyEditor</title>
  <style type="text/css">
    small {
      font-size: 14px;
      color: #aaa;
    }

    pre {
      padding: 5px;
      background-color: #eee;
    }

    .textcenter {
      text-align: center;
    }
  </style>
</head>

<body>
  
  <textarea id="editor" name="editor" rows="5" style="display: none;"></textarea>
  <br>
  <button onclick="getHtml()">获取HTML</button>&nbsp;&nbsp;
  <button onclick="getText()">获取纯文本</button>
  <button onclick="set_text()">设置内容</button>
  <br><br>
  


  <script src="HandyEditor.min.js"></script>
  <script type="text/javascript">

    var he = HE.getEditor('editor', {
      width: '900px',
      height: '400px',
      autoHeight: true,
      autoFloat: false,
      topOffset: 0,
      lang: 'zh-jian',
      skin: 'HandyEditor',
      externalSkin: '',
      item: ['bold','strike', 'underline', 'subscript', 'superscript', '|','new1','new2', 'new3', 'new4', 'new5', 'new6', 'new7','new8','new9', 'new10', 'new11','new12',  '|','horizontal',  '|','selectAll', 'removeFormat',  '|',  'undo', 'redo', '|', 'html']
    });

    function getHtml() {
      alert(he.getHtml());
    }
    function getText() {
      alert(he.getText());
    }
    function set_text(){
      he.set('在深度学习中，我们经常使用卷积神经网络（CNN）或循环神经网络（RNN）对序列进行编码。 想象一下，有了注意力机制之后，我们将词元序列输入注意力池化中， 以便同一组词元同时充当查询、键和值。 具体来说，每个查询都会关注所有的键－值对并生成一个注意力输出。 由于查询、键和值来自同一组输入，因此被称为 自注意力（self-attention）');//可以将HTML代码直接填充到编辑器里面，这个可以用于修改或者实时加载内容到编辑器
    }
  </script>
</body>

</html>